CSS 选择器优先级

发表于   |   分类于   |  

如果同一个元素被不同的 css 选择器选中改变其同一个性质的样式，遵循哪个选择器的命令就要看哪个选择器的优先级高了，优先级是可以评分的，评分规则如下：

  1. 如果该性质是在 html 文档中的 <style> 元素中定义的，则加1000分
  2. 如果该性质后面加了 !important ,加100分，选择器中有 id 名称也加100分
  3. 选择器中有 class，pseudo-class，attribute，加10分
  4. 选择器中有 element，pseudo-element，加1分
    连在一起的都要算，如 p.nav:first-child 要算三个
    参考：
    参考